import React from 'react';
import {StyleSheet, Text, View,Image, TouchableHighlight} from 'react-native';
import {px2dp} from '../../utils/DisplayUtils'
export default class RFIDItem extends React.Component {

RFIDItem(props) {
    this.props = props;
    
  }


  /**
   *
   *
   * @return {*} 
   * @memberof AppListIt
   * 
   * 
   * em
   */
  render() {
   
    return (
      <View style={styles.container}>
            <View style={styles.itemBg}>

                <Text style={styles.keyText}>{this.props.theKey}</Text>
                <Text style={styles.valueText}>{this.props.theValue}</Text>

            </View>

       
      </View>
    );
  }
}


/** 样式表*/
const styles = StyleSheet.create({
  container: {
    flex: 1,
    flexDirection: 'column',
    alignItems: 'center',
    marginBottom: 1,
    height:  px2dp(44)
    // borderRadius:8,
    // borderColor:"#efefef",
    // borderWidth: 1,
    // backgroundColor: "#ffffff"
  },
  itemBg:{
    flexDirection: 'row',
    height:  px2dp(40),
    alignItems:'center',
    justifyContent:'flex-start',
    // backgroundColor: '#fff',

  },
  keyText:{
    flex: 0,
    color: '#999',
    textAlign: 'left',
    fontSize: 15,
    width: px2dp(90)
  },
  valueText:{
    flex: 1,
    color: '#333',
    textAlign: 'left',
    fontSize: 15
  }

 

});
